<template>
	<view class="banner">
		<view class="by_car"></view>
		<view class="by_inpt">
			<view class="by_inpt_l">
				<view>姓名</view><input placeholder="请输入姓名(必填)" />
			</view>
			<view class="by_inpt_l">
				<view>手机号码</view><input placeholder="请输入手机号码(必填)" />
			</view>
			<view class="by_inpt_l">
				<view>评估车型</view><input placeholder="请输入车型" />
			</view>
			<view class="by_inpt_l">
				<view>公里数</view><input placeholder="请输入公里数" />
			</view>
			<view class="by_inpt_l" @click="bottom_c">
				<view>上牌时间</view><input placeholder="请选择时间" />
			</view>
			<view class="by_inpt_k">立即估值</view>
		</view>
		<!-- 全国代购 -->
		<view class="my_container">
			<view class="my_tops">
				<view class="my_top2">
					<view>
						<image src="/static/lianxi.png"></image>
					</view>
					<view class="texts">全国代购</view>
				</view>
				<view class="my_top3">
					<view>
						<image src="/static/room.png"></image>
					</view>
					<view class="texts">到店估值</view>
				</view>
			</view>
		</view>

		<view>
			<view class="yichu">选择在腾发卖车的好处</view>
			<view class="tengfa">
				<image src="../../static/sellCar_good.17aac9b7.png"></image>
			</view>
			<view class="teng_Box">
				<view class="teng_one">
					<view><image src="/static/one.png"></image></view>                 <view> 
					  <view>卖价高，最快可当天拿钱</view>
					  <view> (卖价高，最快可当天完成过户，当天拿钱)</view>
					</view>
				</view>
				<view class="teng_one">
					<view><image src="/static/two.png"></image></view>                 <view> 
					  <view>卖价高，最快可当天拿钱</view>
					  <view> (卖价高，最快可当天完成过户，当天拿钱)</view>
					</view>
				</view>
				<view class="teng_one">
					<view><image src="/static/thre.png"></image></view>                 <view> 
					  <view>卖价高，最快可当天拿钱</view>
					  <view> (卖价高，最快可当天完成过户，当天拿钱)</view>
					</view>
				</view>
			</view>
		</view>
		<view class="bottom_image"><image src="../../static/o.png"></image></view>
		<view class="bottom_image"><image src="../../static/t.png"></image></view>
		<view class="bottom_image"><image src="../../static/tf.png"></image></view>
		<view class="bottom_image"><image src="../../static/s.png"></image></view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			bottom_c() {
				uni.showActionSheet({
					itemList: ['A', 'B', 'C'],
					success: function(res) {
						// console.log('选中了第' + (res.tapIndex + 1) + '个按钮');
					},
					fail: function(res) {
						console.log(res.errMsg);
					}
				});
			}
		}
	}
</script>

<style>
	.banner {
		width: 750rpx;
		margin: 0 auto;
	}


	.by_car {
		width: 750rpx;
		height: 330rpx;
		background-image: url("../../static/zaixianpinggu.ae0881fd.png");
		background-size: 100%;
	}

	.by_inpt {
		margin: 0rpx auto;
		width: 700rpx;
		height: 630rpx;
		background-color: #fff;
		margin-top: -100rpx;
	}

	.by_inpt_l {
		display: flex;
		justify-content: flex-start;
		border-bottom: 1px solid #ccc;
	}

	.by_inpt_l view {
		height: 100rpx;
		line-height: 100rpx;
		margin-left: 30rpx;
	}

	.by_inpt_l input {
		width: 500rpx;
		height: 100rpx;
		text-align: center;
	}

	.by_inpt_k {
		width: 700rpx;
		height: 120rpx;
		text-align: center;
		line-height: 120rpx;
		background-color: #00aaff;
		font-size: 50rpx;
		color: #fff;

	}

	/* 全国代购 */
	.my_container {
		background-color: #ffff;
		width: 700rpx;
		height: 200rpx;
		margin: 10rpx auto;
		padding: 22rpx;
		box-sizing: border-box;
		border-radius: 20rpx;
		box-shadow: 2rpx 5rpx 6rpx 0rpx #ccc;
	}

	.my_container .my_tops {
		width: 660rpx;
		height: 160rpx;
		display: flex;
		justify-content: flex-start;
	}

	.my_tops image {
		width: 60rpx;
		height: 60rpx;
	}

	.my_top2,
	.my_top3 {
		display: flex;
		justify-content: flex-start;
		width: 325rpx;
		height: 160rpx;
		line-height: 200rpx;
		padding-left: 50rpx;
	}

	.texts {
		width: 200rpx;
		height: 60rpx;
		margin-top: -10rpx;
	}

	.tengfa {
		width: 600rpx;
		height: 330rpx;
		margin: 0 auto;
	}
	.tengfa image{
		width: 600rpx;
		height: 330rpx;
		margin: 10rpx auto;
	}
	.yichu{
		text-align: center;
		height: 150rpx;
		line-height: 150rpx;
		font-size:40rpx;
		font-weight: 600;
	}
	.teng_Box{
		margin: 0 auto;
		width: 700rpx;
		height: 500rpx;
		background-color:#ddd;
	}
	.teng_one{
		display: flex;
         justify-content: space-evenly;	
	    font-size: 30rpx;
		width: 680rpx;
		height: 150rpx;
		padding: 20rpx;
	 }
	.teng_one image{
		width: 80rpx;
		height: 80rpx;
	}
	.bottom_image{
		width: 750rpx;
		height: 500rpx;
		margin: 20rpx auto;
	}
	.bottom_image image{
		width: 750rpx;
		height: 500rpx;
	}
</style>